<template>
  <div class="bufenjiuyedanwei">
    <div class="bufenjiuyedanwei_title">部分就业单位</div>
    <div class="bufenjiuyedanwei_list">
        <LoadingComponent v-slot="{ loadingFlag }" class="bufenjiuyedanwei_list_1" v-for="it in ModJypcGetDates" 
           :key="it.jypc_id">
            <img :src="'http://www.shxw114.com:9527/' + it.jypc_logo" v-if="loadingFlag" />
            <p>{{ it.jypc_name }}</p>
        </LoadingComponent>
    </div>
  </div>
</template>
<script setup>

import { ref } from "@vue/reactivity";
import { ModJypcGet } from "../../server/index.js";
const ModJypcGetDates = ref({});
(async (v) => {
  const { data } = await ModJypcGet();
  ModJypcGetDates.value = data;
})();
</script>
<style scoped>
.bufenjiuyedanwei {
  width: 100%;
  height: auto;
}
.bufenjiuyedanwei_title {
  width: 100%;
  height: 1.4rem;
  background-color: #15b397;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.4rem;
}
.bufenjiuyedanwei_list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bufenjiuyedanwei_list_1 {
    width: 3.5rem;
    height: 5rem;
    margin-bottom: 0.4rem;
}
.bufenjiuyedanwei_list_1 > img {
    width: 100%;
    height: 4rem;
}
.bufenjiuyedanwei_list_1 > p {
    width: 100%;
    line-height: 1rem;
    font-size: 0.5rem;
    text-align: center;
}
</style>